export function createSvg({
  color,
  paths,
  width = 1920,
  height = 75,
  svgClass,
  viewBox = `0 0 ${width} ${height}`,
}) {
  // 创建 SVG 元素
  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
  svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
  svg.setAttribute("xmlns:v", "https://svgstorm.com");
  svg.setAttribute("width", width);
  svg.setAttribute("height", height);
  svg.setAttribute("viewBox", viewBox);

  // 处理颜色属性和路径
  paths.forEach((pathData) => {
    const group = document.createElementNS("http://www.w3.org/2000/svg", "g");
    group.setAttribute("fill", color);
    group.setAttribute("fill-opacity", "1.00");
    group.setAttribute("stroke", "None");
    if (svgClass) {
      group.setAttribute("class", svgClass);
    }
    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
    path.setAttribute("d", pathData);
    group.appendChild(path);
    svg.appendChild(group);
  });

  // 处理窗口大小变化
  function calculateHeight() {
    const newWidth = document.body.clientWidth;
    const originalAspectRatio = width / height;
    const newHeight = newWidth / originalAspectRatio;
    svg.setAttribute("width", newWidth);
    svg.setAttribute("height", newHeight);
    svg.setAttribute("viewBox", `0 0 ${newWidth} ${newHeight}`);
  }
  window.addEventListener("resize", calculateHeight);

  return svg.outerHTML;
}
